<template>
  <div class="Annual_box">
    <!-- 头部 -->
    <Info title="年度纳税计划申报" Instruction="说明" />
    <!-- main -->
    <!-- 表格 -->

    <el-card class="MonthlyDeclarationForm_box">
      <div slot="header" class="clearfix">
        <span>缴税详情</span>
        <div class="tabel_box">
          <el-table :data="tableData" border style="width: auto">
            <!-- 缴纳税种 -->
            <el-table-column label="缴纳税种" width="auto">
              <template slot-scope="scope">
                <span style="margin-left: 10px">{{ scope.row.title }}</span>
              </template>
            </el-table-column>
            <!-- 项目 -->
            <el-table-column label="项目" width="auto">
              <template slot-scope="scope"> {{ scope.row.name }}</template>
            </el-table-column>

            <!--  上年计划纳税(万元)-->
            <el-table-column label="上年计划纳税(万元)" width="auto">
              <template slot-scope="scope"> {{ scope.row.zhao }}</template>
            </el-table-column>
            <!--  上年累计缴纳(万元)-->
            <el-table-column label="上年累计缴纳(万元)" width="auto">
              <template slot-scope="scope"> {{ scope.row.zhibiao }}</template>
            </el-table-column>
            <!--  本年计划缴纳(万元)-->
            <el-table-column label="本年计划缴纳(万元)" width="auto">
              <template slot-scope="scope">
                <el-input
                  v-model="form[`input${scope.row.$index}`]"
                  placeholder="请输入内容"
                >
                </el-input
              ></template>
            </el-table-column>
          </el-table>
        </div>
      </div>
    </el-card>

    <!-- 底部 -->
    <RelevantAttachments />
  </div>
</template>
<script >
import Info from "./components/info.vue";
import RelevantAttachments from "./components/RelevantAttachments";
export default {
  components: {
    Info,
    RelevantAttachments,
  },
  name: "Annual",
  data() {
    return {
      // 假数据  表格数据
      tableData: [
        {
          title: "税种",
          name: "万达集团",
          zhao: "--",
          zhibiao: "1700.12",
          nashui: 22,
        },
      ],
      // 动态数据
      form: {},
    };
  },
};
</script>

<style scoped lang='scss'>
</style>